@import "./base/_var";
@import "./base/_mixins";
@import "./base/_function";

@import "./base/_reboot";
@import "./base/_extends";
/* Theme: Default */
@import "./theme";

@import "./plugins/tooltip";
@import "core/view";

.layadmin-bg-white {
  background-color: $color-white !important;
  color: $text-color !important;
}

.layadmin-font-white {
  color: $color-white !important;
}

.layadmin-layout-full {
  @extend %full;
}

// Layout
@import "layout";

.layadmin-layout-shade {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3 * $index;
  background-color: rgba($color-black,.3);
}

.layadmin-pagetabs-contextmenu {
  position: fixed;
  z-index: 10 * $index;
  line-height: 24px;
  padding: 3px 0;
  border: 1px solid $dropdown-border-color;
  border-radius: 2px;
  background-color: $dropdown-bg;
  @include unselect;
  @extend %shadow;

  a {
    display: block;
    padding: 0 12px;
    font-size: 12px;
    color: $text-color;
    // transition: all .3s;

    &:hover {
      background-color: $dropdown-hover-bg;
    }
  }

  li a:active {
    @extend %link-active;
  }

  li.is-disabled a {
    color: $text-disabled-color;
    cursor: not-allowed;

    &:hover {
      background-color: transparent;
    }
  }
}

.layadmin-pagetabs-backdrop {
  @include opacity(0);
  @extend .layadmin-layout-shade;
}

/* App */
// @import "./app";
@import "layui";

.layadmin-page-header {
  position: relative;
  padding: $space $space-lg;
  background-color: $color-white;

  &-ghost {
    background-color: transparent;
  }
}
